<!--
 * @Author: 273198238 2412069378@qq.com
 * @Date: 2025-03-14 09:19:55
 * @LastEditors: 273198238 2412069378@qq.com
 * @LastEditTime: 2025-03-17 09:19:20
 * @FilePath: \population\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="app">
<router-view></router-view>
  </div>
</template>

<script>
  import { mapActions } from 'vuex'
  export default {
    name: 'App',
    data() {
      return {

      }
    },
    created() {
    this.updatePopulation();
  },
  methods: {
    ...mapActions(['updatePopulation']),
  },
  }
</script>

<style lang="less" scoped>
#app {
  width: 100%;
  height: 98vh;
  background: linear-gradient(to bottom,  #080a48, #3a0866); 
  // background-color: #090b53;
  overflow: hidden;
}
</style>